﻿<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>幸福里花卉-提交订单</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> -->

    <!-- Icon Font CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/plazaicon.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css"> -->

    <!-- Plugins CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css"> -->

    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css">

    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <link rel="stylesheet" href="assets/css/plugins-min/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">

</head>
<body>
    <div class="main-wrapper" id="app">
        <!--Header Section Start-->
        <div class="header-section d-none d-lg-block">
            <div class="main-header">
                <div class="container position-relative">
                    <div class="row align-items-center">
                        <div class="col-lg-2">
                            <div class="header-logo">
                                <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-lg-6 position-static">
                            <div class="site-main-nav">
                              <nav class="site-nav">
                                <ul>
                                  <li><a href="index.html">首页</a></li>
                                  <li>
                                    <a href="shop-grid-4.html"
                                      >鲜花 <span class="new">New</span></a
                                    >
                                  </li>
                                  <li>
                                    <a href="about.html">公告</a>
                                  </li>
                                </ul>
                              </nav>
                            </div>
                          </div>
                          <div class="col-lg-4">
                            <div class="header-meta-info">
                              <div class="header-account">
                                <div class="header-account-list dropdown top-link">
                                  <a  role="button" data-toggle="dropdown"
                                    ><i class="icon-users"></i
                                  ></a>
                                  <ul class="dropdown-menu ">
                                    <li><a href="login.html">登录</a></li>
                                    <li><a href="register.html">注册</a></li>
                                    <li><a href="my-account.html">我的账户</a></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Header Section End-->
       
        <div class="overlay"></div>
        <!--Overlay-->

        <!--Page Banner Start-->
        <div class="page-banner" style="background-image: url(assets/images/testimonial-bg.jpg);">
            <div class="container">
                <div class="page-banner-content text-center">
                    <h2 class="title">提交订单</h2>
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                        <li class="breadcrumb-item active" aria-current="page">提交订单</li>
                    </ol>
                </div>
            </div>
        </div>
        <!--Page Banner End-->

        <!--Register Start-->
        <div class="checkout-page section-padding-5">
            <div class="container">

                <form action="#">
                    <div class="row">
                        <div class="col-lg-7">
                            <div class="checkout-form mt-30">

                                <div class="checkout-title">
                                    <h4 class="title">收货信息</h4>
                                </div>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="single-form">
                                            <label>收货人 *</label>
                                            <input type="text">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="single-form">
                                            <label>手机号码 *</label>
                                            <input type="text">
                                        </div>
                                    </div>
                                    <!-- <div class="col-sm-12">
                                        <div class="single-form">
                                            <label>Company name</label>
                                            <input type="text">
                                        </div>
                                    </div> -->
                                    <div class="col-sm-12">
                                        <div class="single-select2">
                                            <label>所在区域 *</label>
                                            <div class="form-select2">
                                                <select class="select2">
                                                    <option value="0">请选择所在区域</option>
                                                    <option value="1">河南</option>
                                                    <option value="2">河北</option>
                                                    <option value="3">浙江</option>
                                                    <option value="4">重庆</option>
                                                    <option value="5">江苏</option>
                                                    <option value="6">上海</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="single-form">
                                            <label>详细地址 *</label>
                                            <input type="text" placeholder="请输入街道、小区、门牌号">
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="single-form">
                                            <label>邮编</label>
                                            <input type="text">
                                        </div>
                                    </div>
                                </div>
                                <div class="single-form checkout-note">
                                    <label>订单备注</label>
                                    <textarea placeholder="请填写备注"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="checkout-review-order mt-30">
                                <div class="checkout-title">
                                    <h4 class="title">订单明细</h4>
                                </div>

                                <div class="checkout-review-order-table table-responsive mt-15">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th class="Product-name">商品</th>
                                                <th class="Product-price">单价</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="Product-name">
                                                    <p>紫色郁金香 × 1</p>
                                                </td>
                                                <td class="Product-price">
                                                    <p>￥50.00</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="Product-name">
                                                    <p>野玫瑰 × 1</p>
                                                </td>
                                                <td class="Product-price">
                                                    <p>￥50.00</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="Product-name">
                                                    <p>岩石肥皂草 × 1</p>
                                                </td>
                                                <td class="Product-price">
                                                    <p>￥50.00</p>
                                                </td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td class="Product-name">
                                                    <p>小计</p>
                                                </td>
                                                <td class="Product-price">
                                                    <p>￥150.00</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="Product-name">
                                                    <p>总计</p>
                                                </td>
                                                <td class="total-price">
                                                    <p>￥150.00</p>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>

                                <div class="checkout-payment">
                                    <ul>
                                        <li>
                                            <div class="single-payment">
                                                <div class="payment-radio cus-radio">
                                                    <input type="radio" name="radio" id="bank" checked>
                                                    <label for="bank"><span></span> 使用钱包余额支付 </label>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="checkout-btn">
                                        <a class="btn btn-primary btn-block" >支付</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--Register End-->
        <!--Footer Section Start-->
        <div class="footer-area">
            <div class="container">
                <div class="footer-widget-area section-padding-6">
                    <div class="row justify-content-between">

                        <!--Footer Widget Start-->
                        <div class="col-lg-4 col-md-6">
                            <div class="footer-widget">
                              <img src="assets/images/logo/logo.png" alt="" style="width: 230px;height: 120px;">
                                <!--  -->
                            </div>
                            <!--Footer Widget End-->
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">信息</h4>
                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a></a></li>
                                        <li><a></a></li>
                                        <li><a>常见问题</a></li>
                                        <li><a>商店地址</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">账户</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>法律声明</a></li>
                                        <li><a>安全条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">帮助</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>常见问题</a></li>
                                        <li><a>定价方案</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">顾客服务</h4>
                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>我的账户</a></li>
                                        <li><a>使用条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Footer Section End-->
        <!--Back To Start-->
        <a  class="back-to-top">
            <i class="fa fa-angle-double-up"></i>
        </a>
        <!--Back To End-->

    </div>

    <!-- JS
    ============================================ -->

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap JS -->
    <!-- <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script> -->

    <!-- Plugins JS -->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery.countdown.min.js"></script>
    <script src="assets/js/plugins/jquery.elevateZoom.min.js"></script>
    <script src="assets/js/plugins/select2.min.js"></script>
    <script src="assets/js/plugins/ajax-contact.js"></script> -->


    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <script src="assets/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>


    <!-- Google Map js -->
    
    <script src="assets/js/map-script.js"></script>

</body>

</html>